<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style type="text/css">

	.table{
		display: table;
		border: solid 3px #00aaff;
	}
	
	.caption{
		display: table-caption;
		text-align: center;
	}
	
	.tr{
		display: table-row;
	}
	
	.td{
		display: table-cell;
		border: solid 2px #aaff00;
		padding: 10px;
	}
	.thread{
		display: table-header-group;
	
		background-color: #00FF00;
	}
	
</style>
</head>
<body>
	

	<div class="table">
		<div  class="caption">Alba</div>
		<div  class="thread">
			<div class="tr">
				<div class="td">1st</div>
				<div class="td">2nd</div>
				<div class="td">3rd</div>
				<div class="td">4th</div>
				<div class="td">5th</div>
			</div>
			<div class="tr">
				<div class="td">1</div>
				<div class="td">2</div>
				<div class="td">3</div>
				<div class="td">4</div>
				<div class="td">5</div>
			</div>
			<div class="tr">
				<div class="td">6</div>
				<div class="td">7</div>
				<div class="td">8</div>
				<div class="td">9</div>
				<div class="td">10</div>
			</div>
		</div>
	</div>

</body>
</html>

	<!-- table-header-group doesn't work? -->